<template>
  <div class="rank" :class="'rank-'+rank">

  </div>
</template>

<script>
  export default{
    name: 'serviceLevel',
    data () {
      return {
        rank: 1
      }
    }
  }
</script>
<style>
  .rank {
    width: 75px;
    height: 24px;
    cursor: pointer;
  }

  .rank-1 {
    background: url(../../assets/lite.png) no-repeat -9px -6px;
  }

  .rank-2 {

  }

  .rank-3 {

  }

  .rank-4 {

  }

  .rank-5 {

  }
</style>
